<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>相册</title>
    <link rel="stylesheet" href="/css/album.css">
  </head>
  <body>
    <header>
      <h1>相册</h1>
    </header>
    <div class="container">
      <div class="main">
        <div class="btnGroup">
          <button type="button" id="createAlbum">创建相册</button>
          <button type="button" id="uploadImg">上传图片</button>
          <input type="file" id="selectFile" accept="image/jpeg, image/png" onchange="uploadImage()">
        </div>
        <ul class="imgList">
          <!-- <li>
            <img src="images/1.jpg" alt="">
            <a href="javascript:;" class="close">x</a>
          </li> -->
        </ul>
      </div>
      <ul class="menu">
        <!-- <li class="default active">
          <a href="javascript:;" class="item">默认</a>
          <a href="javascript:;" class="close">x</a>
        </li>
        <li class="all">
          <a href="javascript:;" class="item">全部</a>
          <a href="javascript:;" class="close">x</a>
        </li> -->
      </ul>
    </div>

    <div id="createAlbumModal" class="hide">
      <div class="modal-container">
        <a href="javascript:;" class="close">x</a>
        <div class="title">
          请输入相册名：
        </div>
        <div class="body">
          <input type="text" name="" value="" id="creatAlbumInput">
        </div>
        <button type="button" id="submitAlbumBtn">确定</button>
      </div>
    </div>

    <script src="javascripts/album.js" charset="utf-8"></script>
  </body>
</html>
